<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .target {
            filter: url("#goo");
        }

        .ball {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background-color: #beceeb;
            position: absolute;
        }
        span{
            display: inline-block;
            background: salmon;
            margin:5px;
            width:32px;
        }
        .x1{
            height: 10pt;
        }
        .x2{
            height: 10vh;
        }
        .x3{
            height: 10px;
        }
        .x4{
            height: 10pc;
        }
        .x5{
            height: 10mm;
        }
        .x6{
            height: 10cm;
        }
        textarea{
            min-height: 100px;
            max-height: 400px;
            width: 600px;
        }
        td{
            border:1px solid #ccc;
            text-align: center;
            white-space: nowrap;
        }
        table{
            width:200px;
        }
    </style>
</head>

<body>
    <!-- <svg width="0" height="0">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
                <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />
                <feComposite in="SourceGraphic" in2="goo" operator="atop" />
            </filter>
        </defs>
    </svg>

    <div class="target">
        <i id="ball1" class="ball"></i>
        <i id="ball2" class="ball"></i>
    </div> -->
    <div id="pic">
        <span class="x1" title="10pt"></span>
        <span class="x2" title="10vh"></span>
        <span class="x3" title="10px"></span>
        <span class="x4" title="10pc"></span>
        <span class="x5" title="10mm"></span>
        <span class="x6" title="10cm">$("#txfa_zljh tr:last-child").click()</span>
    </div>
    <div>
        <textarea name="tx" id="" cols="30" rows="10"></textarea><br>
        <textarea name="" id="" placeholder="auto" ></textarea>
        <textarea class="form-control" style="padding: 0; margin: 0;box-sizing: content-box;" oninput="this.style.height = this.scrollHeight+'px'">我是自适应文本域哦 不行多输入点~~~</textarea>
    </div>
    <table>
        <tr>
            <td>
                我来自未来
            </td>
            <td>
                悟空的博客
            </td>
            <td>
                www.7es.cn
            </td>
        </tr>
        <tr>
            <td>
                我是乱七八糟的字符串我是乱七八糟的字符串
            </td>
            <td>
                我很长哦
            </td>
            <td>
                悟空的博客www.7es.cn
            </td>
        </tr>
    </table>
    <table style="width:600px; background-color:blue" >
          <tr>
              <td width="200px"> 1
 
              </td>
              <td width="50%"  >
                 2
              </td>
              <td width="400px">3</td>
          </tr>       
 
      </table>
    <script src="../jq1.9.js"></script>
    <script>
       $("#pic span").each(function(i,v){
           console.log($(v).text($(v).height()))
       })
       $("#pic").on("click","span",function(){
           console.log(999)
       })
       $("#pic span").eq(0).click()
    </script>
</body>

</html>